<nav class="navbar light">
  <div class="navbar-head">
    <a class="navbar-brand" ng-click="vm.changeMenu('projectcenter')">
      <span class="navbar-logo">pipeline</span>
    </a>
  </div>
  <div class="navbar-section">
    <div class="navbar-title">
      <span>控制台</span>
    </div>
    <ul class="navbar-items">
      <li ng-class="{'active': vm.isDashBoardActive}">
        <a title="仪表盘" ng-click="vm.changeMenu('app.dashboard')">
          <i class="icon icon-overview"></i>
          <span>仪表盘</span>
        </a>
      </li>
      <li ng-class="{'active': vm.isWorkFlowActive}">
        <a title="工作流" ng-click="vm.changeMenu('app.workflow')">
          <i class="icon icon-node"></i>
          <span>工作流</span>
        </a>
      </li>
      <li ng-class="{'active': vm.isTemplateManageActive}">
        <a title="模板管理" ng-click="vm.changeMenu('app.templatemanage')">
          <i class="icon icon-node"></i>
          <span>模板管理</span>
        </a>
      </li>
      <li ng-class="{'active': vm.isEnvironmentActive}">
        <a title="环境管理" ng-click="vm.changeMenu('app.environ')">
          <i class="icon icon-node"></i>
          <span>环境管理</span>
        </a>
      </li>
      <li ng-class="{'active': vm.isConfigActive}">
        <a title="配置管理" ng-click="vm.changeMenu('app.config')">
          <i class="icon icon-node"></i>
          <span>配置管理</span>
        </a>
      </li>
      <li ng-class="{'active': vm.isProjectRightActive}">
        <a title="项目权限" ng-click="vm.changeMenu('app.projectright')">
          <i class="icon icon-node"></i>
          <span>项目权限</span>
        </a>
      </li>
      <li ng-class="{'active': vm.isUserCenterActive}">
        <a title="用户管理" ng-click="vm.changeMenu('app.usercenter')">
          <i class="icon icon-node"></i>
          <span>用户管理</span>
        </a>
      </li>
    </ul>
  </div>
</nav>
